<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <!-- 引入外部插件 -->
    <link rel="stylesheet" type="text/css" href="../lib/ByThePlugin/styles/slider.css" />
    <!-- 引入重置样式 -->
    <link rel=stylesheet href="../css/normalize.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 引入当前样式 -->
    <link rel="stylesheet" href="../css/shoppingcar.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header clearfix">
        <div class="container-fluid  container-top">
            <div class="container ">
                <div class="head-top ">
                    <h1 class="dlogo"><a href="./register.html"><img src="../images/04-购物车_02.jpg" alt="乐购"></a></h1>
                    <p class="fl cn">legochina.cn</p>
                    <p class="fr">欢迎光临<a href="./index.html">乐购</a>，请&ensp; <a href="./register.html">登陆</a>\<a
                            href="./enroll.html">注册</a></p>
                </div>
                <div class="seach">
                    <form class="fr search bd" action="#">
                        <input class="search-text fl" type="text" placeholder="创意文学">
                        <input class="search-btn fl" type="submit" value="">
                        <p class="fr site">配送至<select>
                                <option value="">成都高新区三环内</option>
                            </select>
                        </p>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- 订单详情 -->
    <div class="shopping container">
        <p class="mesg">填写并核对订单信息</p>
        <div class="shoppcar clearfix ">
            <p><input class="allsing quxu check" type="checkbox">全选</p>
            <p>商品</p>
            <p>单价</p>
            <p>数量</p>
            <p>小计</p>
            <p>操作</p>
        </div>
        <div class="shopp">
            <div class="shoppmsg clearfix">
                <p><input class="single  check" type="checkbox"></p>
                <p><img src="../images/index08_05.jpg"><span>从你的全世界路过</span></p>
                <p class="price">41.00</p>
                <p><span class="subtract fl">-</span><input class="num fl" type="text" value="1"><span
                        class="plue fl">+</span></p>
                <p class="subtotal">41.00</p>
                <p><span>删除</span><br><span>移到我的关注</span></p>
            </div>
            <div class="shoppmsg clearfix">
                <p><input class="single check" type="checkbox"></p>
                <p><img src="../images/index08_05.jpg"><span>从你的全世界路过</span></p>
                <p class="price">41.00</p>
                <p><span class="subtract fl">-</span><input class="num fl" type="text" value="1"><span
                        class="plue fl">+</span></p>
                <p class="subtotal">41.00</p>
                <p><span>删除</span><br><span>移到我的关注</span></p>
            </div>
            <div class="shoppmsg clearfix">
                <p><input class="single check" type="checkbox"></p>
                <p><img src="../images/index08_05.jpg"><span>从你的全世界路过</span></p>
                <p class="price" >41.00</p>
                <p><span class="subtract fl">-</span><input class="num fl" type="text" value="1"><span
                        class="plue fl">+</span></p>
                <p class="subtotal">41.00</p>
                <p><span>删除</span><br><span>移到我的关注</span></p>
            </div>
            <div class="shoppfoot clearfix">
                <p class="quyu fl "><input class="fl quxu allsing check" type="checkbox"><span>全选</span></p>
                <p class="fl delete">删除选中商品</p>
                <p class="fl sum">已选择 <span class="cf60 tatalnum">1</span> 件商品</p>
                <p class="fl totaler"><span class="bold">总价</span><span class="cf60 total">0.00</span></p>
                <p class="fr btn"><a href="./product_details.html">去结算</a></p>
            </div>
        </div>
    </div>

    <!-- 猜你喜欢 -->
    <div class="guess container">
        <div class="guess-head">
            <h2 class="">猜你喜欢</h2>
        </div>
        <ul class="clearfix">
            <li><a href="#"><img src="../images/04-购物车_06.jpg"></a></li>
            <li><a href="#"><img src="../images/04-购物车_06.jpg"></a></li>
            <li><a href="#"><img src="../images/04-购物车_06.jpg"></a></li>
            <li><a href="#"><img src="../images/04-购物车_06.jpg"></a></li>
            <li><a href="#"><img src="../images/04-购物车_06.jpg"></a></li>
        </ul>
        <div>
            <img src="../images/list-moshou.jpg" alt="">
        </div>
    </div>


    <!-- 尾部 -->
    <div class="footer">

        <div class="foot-top">
            <div class="sfgd">
                <ul>
                    <li><a href="#"><img src="../images/222_11.png" alt=""></a></li>
                    <li><a href="#"><img src="../images/222_13.png" alt=""></a></li>
                    <li><a href="#"><img src="../images/222_15.png" alt=""></a></li>
                    <li><a href="#"><img src="../images/222_17.png" alt=""></a></li>
                </ul>
            </div>
        </div>
        <div class="foot container">
            <div class="foot-ct ">
                <ul class="clearfix">
                    <li>
                        <p><a href="#">购物指南</a></p>
                        <p><a href="#">购物流程</a></p>
                        <p><a href="#">发票制度</a></p>
                        <p><a href="#">账户管理</a></p>
                        <p><a href="#">会员优惠</a></p>
                    </li>
                    <li>
                        <p><a href="#">订单服务</a></p>
                        <p><a href="#">订单配送查询</a></p>
                        <p><a href="#">订单状态说明</a></p>
                        <p><a href="#">自助取消订单</a></p>
                        <p><a href="#">自助修改订单</a></p>
                    </li>
                    <li>
                        <p><a href="#">支付方式</a></p>
                        <p><a href="#">货到付款</a></p>
                        <p><a href="#">网上支付</a></p>
                        <p><a href="#">礼品卡支付</a></p>
                        <p><a href="#">银行转帐</a></p>
                    </li>
                    <li>
                        <p><a href="#">退换货</a></p>
                        <p><a href="#">退换货政策</a></p>
                        <p><a href="#">自助申请退换货</a></p>
                        <p><a href="#">退换货进度查询</a></p>
                        <p><a href="#">退款方式和时间</a></p>
                    </li>
                    <li>
                        <p><a href="#">商家服务</a></p>
                        <p><a href="#">商家中心</a></p>
                        <p><a href="#">运营服务</a></p>
                        <p><a href="#">加入尾品汇</a></p>
                    </li>
                </ul>
                <div class="foot-btm clearfix">
                    <p>
                        <a href="#">公司简介</a>
                        <a href="#">Investor Relations</a>
                        <a href="#"> 网站联盟</a>
                        <a href="#">乐购招商</a>
                        <a href="#">机构销售</a>
                        <a href="#"> 手机乐购</a>
                        <a href="#">官方Blog</a>
                        <a href="#">热词搜索</a>
                    </p>

                </div>
                <p class="ment">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
            </div>
            <div class="loge-btm"><img src="../images/logo_00.png" alt=""></div>

        </div>

    </div>
    <!-- 引出js交互 -->
    <script src="../lib/ByThePlugin/javascripts/jquery-1.11.0.js"></script>

    <script src="../lib/ByThePlugin/javascripts/slider.js"></script>

    <script src="../js/shoppingcar.js"></script>
</body>

</html>